@charset "UTF-8";
/*
 * @FilePath     : /study_code/scss/@media.scss
 * @Description  : @media 指令使用
 * @Date         : 2025-04-24 14:52:25
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-24 14:53:34
 */
/* 1、一般使用：被冒泡到样式表的顶层，并且包含规则内所有的选择器。 */
.sidebar {
  width: 300px;
}
@media screen and (orientation: landscape) {
  .sidebar {
    width: 500px;
  }
}

/* 2、相互嵌套：将会用 and 操作符连接 */
@media screen and (orientation: landscape) {
  .sidebar {
    width: 500px;
  }
}
/* 3、使用 SassScript（比如变量，函数，以及运算符）代替条件的名称或者值 */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .sidebar {
    width: 500px;
  }
}